.page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.mescroll-body {
  flex: 1;
  overflow-y: auto;

}

.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
		background: url('../../../static/background.jpg');
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}

.main{
	width: 100%;
	margin-top: 193.6rpx;
	
	
	.top{
		.banner{
			
			image{
				width: 100%;
				height: 279rpx;
			};
		}
		
	}
	
	.content{
	    width: 750rpx;
	    
	    background: #f3f3f3;
	    padding: 0 13.95rpx;
	   
		.title{
			  padding: 0 13.95rpx ;
			margin: 34.88rpx 19rpx 15rpx 0;
			font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
			font-size: 29.65rpx;
			font-weight: 700;
			font-weight: bold;
			text-align: left;
			color: #000000;
		}	
		.information {
		    padding: 0 13.95rpx ;
			width: 722.09rpx;
			
			background: #ffffff;
			border-radius: 10.47rpx;
			box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
			.text{
				
				
				
			}
			.bottom{
			width: 702.91rpx;
			height: 0rpx;
			opacity: 0.3;
			border: 0.001rpx solid #707070;	
			}
		}
		.information:last-child{
			margin-bottom: 193.6rpx;
		}
	}
	
	
	
		.container {
			position: fixed;
			bottom:  90rpx;
		
			padding: 10rpx 13.95rpx;
		
			background-color: #fff;
			width: 100%;
			
			.item {
				display: flex;
				// justify-content: center;
				align-items: center;
				margin-bottom: 27.9rpx;
				text-align: left;
				font-size: 17.44rpx;
				font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Regular;
				font-weight: 400;
				
				color: #646464;
				.text1 {
					
					font-size: 17.44rpx;
					font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Regular;
					font-weight: 400;
					text-align: left;
					color: #646464;
				}
					
				
			}
				
		}
	
		
		

	.footer{
		z-index: 999;
		position: fixed;
		bottom: 0;
		width: 750rpx;
		height: 122.09rpx;
		background: #ffffff;
		padding:   34.88rpx 183.14rpx;
		
		bottom: 0rpx;
		display: flex;
		text-align: center;
		justify-content: space-between;
		color: #fff;
		line-height: 52.33rpx;
		.next{
			width: 174.42rpx;
			height: 52.33rpx;
			
			background: #43d534;
			border-radius: 26.16rpx;
			text-align: center;
			margin-right: 37.44rpx;
			
			
		}
		.cancel{
			width: 174.42rpx;
			height: 52.33rpx;
			background: #646464;
			border-radius: 26.16rpx;
			text-align: center;
			
			opacity: 0.3;
		}
		.cancel:first-child{
			margin-right: 37.44rpx;
		}
	}
}
	.footer{
		width: 750rpx;
		height: 122.09rpx;
		background: #ffffff;
		padding:   34.88rpx 183.14rpx;
		position: fixed;
		bottom: 0rpx;
		display: flex;
		text-align: center;
		color: #fff;
		line-height: 52.33rpx;
		.next{
			width: 174.42rpx;
			height: 52.33rpx;
			
			background: #43d534;
			border-radius: 26.16rpx;
			text-align: center;
			padding:0 55.81rpx ;
			
			
		}
		.cancel{
			width: 174.42rpx;
			height: 52.33rpx;
			background: #646464;
			border-radius: 26.16rpx;
			text-align: center;
			margin-right: 37.44rpx;
			opacity: 0.3;
				padding:0 55.81rpx ;
		}
	}


